<template>
  <div>
    <div class="shop-main">
      <van-grid :border="false" :column-num="2" v-if="activeKey === 0" class="shop-list">
        <van-grid-item @click="gotoDetail">
          <div class="shop-items">
            <div style="  background: #f4f4f4;">
              <van-image
                src="https://mall.s.maizuo.com/3484d2c4a5b30f1e7c6282096a2816b9.png?x-oss-process=image/resize,w_248"
                width="120"
                height="120"
              />
            </div>
            <span class="shop-title">A级-阳光冬枣（中）约2.6-3斤</span>
            <span class="shop-price">￥99</span>
          </div>
        </van-grid-item>

        <van-grid-item>
          <div class="shop-items">
            <div style="  background: #f4f4f4;">
              <van-image
                src="https://mall.s.maizuo.com/e64c12322c5d82eae99f28401b8c8b89.png?x-oss-process=image/resize,w_248"
                width="120"
                height="120"
              />
            </div>
            <span class="shop-title">A级-佳沛阳光金奇异果（小）6个</span>
            <span class="shop-price">￥99</span>
          </div>
        </van-grid-item>

        <van-grid-item>
          <div class="shop-items">
            <div style="  background: #f4f4f4;">
              <van-image
                src="https://mall.s.maizuo.com/c03ee9b7a756207babd3cd8a92359a2b.png?x-oss-process=image/resize,w_248"
                width="120"
                height="120"
              />
            </div>
            <span class="shop-title">A级-进口澳洲橙（中）约2.6-3斤</span>
            <span class="shop-price">￥99</span>
          </div>
        </van-grid-item>
        <van-grid-item>
          <div class="shop-items">
            <div style="  background: #f4f4f4;">
              <van-image
                src="https://mall.s.maizuo.com/3484d2c4a5b30f1e7c6282096a2816b9.png?x-oss-process=image/resize,w_248"
                width="120"
                height="120"
              />
            </div>
            <span class="shop-title">A级-阳光冬枣（中）约2.6-3斤</span>
            <span class="shop-price">￥99</span>
          </div>
        </van-grid-item>
        <van-grid-item>
          <div class="shop-items">
            <div style="  background: #f4f4f4;">
              <van-image
                src="https://mall.s.maizuo.com/3484d2c4a5b30f1e7c6282096a2816b9.png?x-oss-process=image/resize,w_248"
                width="120"
                height="120"
              />
            </div>
            <span class="shop-title">A级-阳光冬枣（中）约2.6-3斤</span>
            <span class="shop-price">￥99</span>
          </div>
        </van-grid-item>

        <van-grid-item>
          <div class="shop-items">
            <div style="  background: #f4f4f4;">
              <van-image
                src="https://mall.s.maizuo.com/e64c12322c5d82eae99f28401b8c8b89.png?x-oss-process=image/resize,w_248"
                width="120"
                height="120"
              />
            </div>
            <span class="shop-title">A级-佳沛阳光金奇异果（小）6个</span>
            <span class="shop-price">￥99</span>
          </div>
        </van-grid-item>

        <van-grid-item>
          <div class="shop-items">
            <div style="  background: #f4f4f4;">
              <van-image
                src="https://mall.s.maizuo.com/c03ee9b7a756207babd3cd8a92359a2b.png?x-oss-process=image/resize,w_248"
                width="120"
                height="120"
              />
            </div>
            <span class="shop-title">A级-进口澳洲橙（中）约2.6-3斤</span>
            <span class="shop-price">￥99</span>
          </div>
        </van-grid-item>
        <van-grid-item>
          <div class="shop-items">
            <div style="  background: #f4f4f4;">
              <van-image
                src="https://mall.s.maizuo.com/3484d2c4a5b30f1e7c6282096a2816b9.png?x-oss-process=image/resize,w_248"
                width="120"
                height="120"
              />
            </div>
            <span class="shop-title">A级-阳光冬枣（中）约2.6-3斤</span>
            <span class="shop-price">￥99</span>
          </div>
        </van-grid-item>
        <van-grid-item>
          <div class="shop-items">
            <div style="  background: #f4f4f4;">
              <van-image
                src="https://mall.s.maizuo.com/3484d2c4a5b30f1e7c6282096a2816b9.png?x-oss-process=image/resize,w_248"
                width="120"
                height="120"
              />
            </div>
            <span class="shop-title">A级-阳光冬枣（中）约2.6-3斤</span>
            <span class="shop-price">￥99</span>
          </div>
        </van-grid-item>

        <van-grid-item>
          <div class="shop-items">
            <div style="  background: #f4f4f4;">
              <van-image
                src="https://mall.s.maizuo.com/e64c12322c5d82eae99f28401b8c8b89.png?x-oss-process=image/resize,w_248"
                width="120"
                height="120"
              />
            </div>
            <span class="shop-title">A级-佳沛阳光金奇异果（小）6个</span>
            <span class="shop-price">￥99</span>
          </div>
        </van-grid-item>

        <van-grid-item>
          <div class="shop-items">
            <div style="  background: #f4f4f4;">
              <van-image
                src="https://mall.s.maizuo.com/3484d2c4a5b30f1e7c6282096a2816b9.png?x-oss-process=image/resize,w_248"
                width="120"
                height="120"
              />
            </div>
            <span class="shop-title">A级-阳光冬枣（中）约2.6-3斤</span>
            <span class="shop-price">￥99</span>
          </div>
        </van-grid-item>

        <van-grid-item>
          <div class="shop-items">
            <div style="  background: #f4f4f4;">
              <van-image
                src="https://mall.s.maizuo.com/e64c12322c5d82eae99f28401b8c8b89.png?x-oss-process=image/resize,w_248"
                width="120"
                height="120"
              />
            </div>
            <span class="shop-title">A级-佳沛阳光金奇异果（小）6个</span>
            <span class="shop-price">￥99</span>
          </div>
        </van-grid-item>

        <van-grid-item>
          <div class="shop-items">
            <div style="  background: #f4f4f4;">
              <van-image
                src="https://mall.s.maizuo.com/c03ee9b7a756207babd3cd8a92359a2b.png?x-oss-process=image/resize,w_248"
                width="120"
                height="120"
              />
            </div>
            <span class="shop-title">A级-进口澳洲橙（中）约2.6-3斤</span>
            <span class="shop-price">￥99</span>
          </div>
        </van-grid-item>
        <van-grid-item>
          <div class="shop-items">
            <div style="  background: #f4f4f4;">
              <van-image
                src="https://mall.s.maizuo.com/3484d2c4a5b30f1e7c6282096a2816b9.png?x-oss-process=image/resize,w_248"
                width="120"
                height="120"
              />
            </div>
            <span class="shop-title">A级-阳光冬枣（中）约2.6-3斤</span>
            <span class="shop-price">￥99</span>
          </div>
        </van-grid-item>
      </van-grid>
      <van-grid :border="false" :column-num="2" v-if="activeKey === 1" class="shop-list">
        <van-grid-item>
          <div class="shop-items">
            <div style="  background: #f4f4f4;">
              <van-image
                src="https://mall.s.maizuo.com/e64c12322c5d82eae99f28401b8c8b89.png?x-oss-process=image/resize,w_248"
                width="120"
                height="120"
              />
            </div>
            <span class="shop-title">A级-佳沛阳光金奇异果（小）6个</span>
            <span class="shop-price">￥99</span>
          </div>
        </van-grid-item>

        <van-grid-item @click="gotoDetail">
          <div class="shop-items">
            <div style="  background: #f4f4f4;">
              <van-image
                src="https://mall.s.maizuo.com/3484d2c4a5b30f1e7c6282096a2816b9.png?x-oss-process=image/resize,w_248"
                width="120"
                height="120"
              />
            </div>
            <span class="shop-title">A级-阳光冬枣（中）约2.6-3斤</span>
            <span class="shop-price">￥99</span>
          </div>
        </van-grid-item>

        <van-grid-item>
          <div class="shop-items">
            <div style="  background: #f4f4f4;">
              <van-image
                src="https://mall.s.maizuo.com/e64c12322c5d82eae99f28401b8c8b89.png?x-oss-process=image/resize,w_248"
                width="120"
                height="120"
              />
            </div>
            <span class="shop-title">A级-佳沛阳光金奇异果（小）6个</span>
            <span class="shop-price">￥99</span>
          </div>
        </van-grid-item>

        <van-grid-item>
          <div class="shop-items">
            <div style="  background: #f4f4f4;">
              <van-image
                src="https://mall.s.maizuo.com/c03ee9b7a756207babd3cd8a92359a2b.png?x-oss-process=image/resize,w_248"
                width="120"
                height="120"
              />
            </div>
            <span class="shop-title">A级-进口澳洲橙（中）约2.6-3斤</span>
            <span class="shop-price">￥99</span>
          </div>
        </van-grid-item>
        <van-grid-item>
          <div class="shop-items">
            <div style="  background: #f4f4f4;">
              <van-image
                src="https://mall.s.maizuo.com/3484d2c4a5b30f1e7c6282096a2816b9.png?x-oss-process=image/resize,w_248"
                width="120"
                height="120"
              />
            </div>
            <span class="shop-title">A级-阳光冬枣（中）约2.6-3斤</span>
            <span class="shop-price">￥99</span>
          </div>
        </van-grid-item>
      </van-grid>
    </div>
  </div>
</template>